<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>首页</title>
    <link rel="stylesheet" href="/webpage/assets/css/bootstrap.min.css"/>
    <style type="text/css">
        body {
            margin: 40px;
            padding-top: 40px;
            padding-bottom: 40px;
            background-color: #eee;
            text-align: center;
        }

        .loose {
            margin: 15px;
            min-width: 230px;
        }

        .navbar-fixed-bottom {
            border: none;
            background: -webkit-linear-gradient(#eee, #e8e8e8, #e3e3e3, #ddd);
            background: -o-linear-gradient(#eee, #e8e8e8, #e3e3e3, #ddd);
            background: -moz-linear-gradient(#eee, #e8e8e8, #e3e3e3, #ddd);
            background: linear-gradient(#eee, #e8e8e8, #e3e3e3, #ddd);
        }
    </style>
</head>

<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <img class="navbar-brand" src="favicon.ico"/>
            <a class="navbar-brand" href="#">Coolface</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="/index.html">接口文档</a></li>
                <li><a href="/webpage/login.html">后台管理</a></li>
                <li><a href="#" onclick="window.location.href
                 = 'http://' + window.location.host + ':8000/admin'">系统监控</a>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">欢迎您</a></li>
            </ul>
        </div>
    </div>
</nav>

<div class="container">
    <h2>Coolface 接口文档</h2>
    <div class="row">
        <a class="btn btn-info loose"
           href="common/swagger-ui.html">公共接口（common）</a>
    </div>
    <div class="row">
        <a class="btn btn-success loose"
           href="user/swagger-ui.html">用户/后台管理（user）</a>
    </div>
    <div class="row">
        <a class="btn btn-primary loose"
           href="community/swagger-ui.html">社交圈接口（community）</a>
    </div>
    <div class="row">
        <a class="btn btn-warning loose"
           href="friends/swagger-ui.html">好友/聊天接口（friends）</a>
    </div>
    <div class="row">
        <a class="btn btn-danger loose"
           href="news/swagger-ui.html">发现/新闻接口（news）</a>
    </div>
</div>

<div class="navbar navbar-default navbar-fixed-bottom">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">长沙猿动力信息技术有限公司</a>
        </div>
    </div>
</div>
</body>
</html>